﻿<div id="tableSettings" class="reveal-modal small" data-bind="modalSuccess: addOnSuccess, enterPressed: apply">
    <h2>Table Settings</h2>
    <dl class="sub-nav">
        <dd data-bind="css: { active: screen() == 'columns' }">
            <a href="javascript:void(0)" data-bind="click: goToColumns">Columns</a>
        </dd>
        <dd data-bind="css: { active: screen() == 'markers' }">
            <a href="javascript:void(0)" data-bind="click: goToMarkers">Markers</a>
        </dd>
    </dl>
    <div data-bind="visible: screen() == 'columns'">
        <div data-bind="with: tableColumns">
            @Html.Partial("Tables/TableColumns")
        </div>
    </div>
    <div data-bind="visible: screen() == 'markers'">
        <div data-bind="with: tableMarkers">
            @Html.Partial("Tables/TableMarkers")
        </div>
    </div>
    <div class="row">
        <div class="large-6 columns">
            <input type="button" class="button left" value="Reset" data-bind="click: reset" />
        </div>
        <div class="large-6 columns">
            <input type="button" class="button right" value="Apply" data-bind="click: apply" />
        </div>
    </div>
    <a class="close-reveal-modal">&#215;</a>
</div>
